<template>
  <!-- pages-index.vue -->
  <div class="container">
    <el-card class="box-card">
      <div class="text item">
        <h5>🔖注意事项</h5>
        <h6>
          -ECharts导入地图只需要加载json就可以了 不需要js文件 但是必须把地图文件通过import的方式本地导入
        </h6>
        <h5>🌸代码参考列表</h5>
        <h6>
          -云游君的教程：<a href="https://www.yunyoujun.cn/posts/vue-d3-demo/"
            >从 Vite 与 Vue 开始的 D3 数据可视化之旅</a
          >
        </h6>
        <h7
          >但是文章中的代码和github中的有点不一样 需要直接看源码学习一下
          还有注意vite新建项目的时候是不是vue3+ts项目
          后续导入axios时候不知道为什么一直出问题
          所以下面重新搜到一个vue3+ts+axios的搭建</h7
        >
        <h6>
          -<a href="https://zhuanlan.zhihu.com/p/401833926"
            >vue3.0 + vite +axios 初篇</a
          >
        </h6>
        <h6>
          -<a href="juejin.cn/post/6951649464637636622"
            >从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境</a
          >
        </h6>
        <h7
          >这篇内容里东西很全 一下子看不完可以先分段看自己需要的部分</h7
        >
        <h6>-还有些报错的解决方法以后再补 今天先下班</h6>
        <h6>-……</h6>
      </div>
    </el-card>
    <div></div>
    <div></div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
// import { defineComponent } from "vue";
export default defineComponent({
  name: "index",
  components: {},
  mounted(){
        console.log(
    "%c  pages/Index mounted  ",
    "background:linear-gradient(114deg, rgba(133,114,134,1) 0%, rgba(77,70,77,1) 100%);font-size:20px;line-height: 20px;color:#fff;"
)
  }
});
</script>

<style lang="stylus" scoped></style>